<template>
  <view class="flex-column justify-center">
    <tui-loadmore v-if="hasMore" :text="moreText" :index="index" :type="type" />
    <tui-nomore v-else :background-color="backgroundColor" :is-dot="isDot" :text="noMoreText" />
  </view>
</template>

<script>
import colors from '@/common/colors'
export default {
  name: 'LFooter',
  props: {
    hasMore: {
      type: Boolean,
      default: true
    },
    moreText: {
      type: String,
      default: '正在加载...'
    },
    // loading 样式 ：1,2,3
    index: {
      type: Number,
      default: 2
    },
    // 颜色设置，只有index=3时生效：primary，red，orange，green
    type: {
      type: String,
      default: ''
    },
    // 当前页面背景颜色
    backgroundColor: {
      type: String,
      default: colors.colorBackground
    },
    // 是否以圆点代替 "没有更多了"
    isDot: {
      type: Boolean,
      default: false
    },
    // isDot为false时生效
    noMoreText: {
      type: String,
      default: '没有更多了'
    }
  }
}
</script>

<style scoped>

</style>
